<!DOCTYPE html>
<html>
<head>
    <title>管理员列表</title>
    <#include "/header.html">
    <style type="text/css">

        .btn-w3r:active {
            background-color: #03A89E !important;
            color:white;
        }
        .btn-w3r {
            background-color: #03A89E !important;
            color:white;
        }
        .btn-w3r:hover {
            background-color: #03A89E !important;
            color:white;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">

        <div class="grid-btn">
            <a class="btn btn-danger" @click="query(0)">&nbsp;未审批</a>
            <a class="btn btn-warning" @click="query(1)">&nbsp;已审批</a>
            <a class="btn btn btn-info" @click="query(2)">&nbsp;已退回</a>
            <a class="btn btn-primary" @click="query(-1)">&nbsp;全部</a>
            <a class="btn btn-w3r" @click="dels()">&nbsp;删除</a>
        </div>

        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>



    <div  v-show="!showList" class="panel panel-default">
        <div class="panel-heading">加分申请</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">学生姓名</div>
                <div class="col-sm-5">
                    <input type="text" readonly class="form-control" v-model="stu.sname" placeholder="姓名"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">所在班级</div>
                <div class="col-sm-5">
                    <input type="text" readonly class="form-control" v-model="stu.bname" placeholder="班级"/>
                </div>
            </div>


            <div class="form-group">
                <div class="col-sm-2  control-label">加分类别</div>
                <div class="col-sm-5">
                    <input type="text" readonly class="form-control" v-model="stu.atypeName" placeholder="加分类别"/>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">加分项</div>
                <div class="col-sm-5">
                    <input type="text" readonly class="form-control" v-model="stu.btypeName" placeholder="加分项"/>
                </div>
            </div>


            <div class="form-group">
                <div class="col-sm-2 control-label">佐证材料jpg</div>
                <div class="col-sm-10" id="imgs">
<!--                    <div id="inputBox">-->
<!--                        <input type="file" title="佐证材料" id="file" multiple accept="image/jpg,image/JPEG"/>-->
<!--                        佐证材料</div>-->
<!--                    <div id="imgBox">-->
<!--                    </div>-->
                </div>

            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">状态</div>
                <label class="radio-inline">
                    <input type="radio" @click="choose" name="status" value="1" v-model="stu.status"/> 通过
                </label>
                <label class="radio-inline">
                    <input type="radio"  @click="choose" name="status" value="2" v-model="stu.status"/> 退回
                </label>
            </div>
            <div class="form-group" v-show ="showPDiv">
                <div class="col-sm-2 control-label">{{title}}</div>
                <div class="col-sm-5" v-show="!showDiv" >
                    <input type="number"  class="form-control" v-model="stu.score" placeholder="加分项"/>
                </div>
                <div class="col-sm-5"  v-show="showDiv">
                    <textarea style="width: 400px;height: 100px;resize:none;" v-model="stu.beizhu"></textarea>
                </div>
            </div>
<!--            <div class="form-group">-->
<!--                <div class="col-sm-2 control-label">原因</div>-->

<!--            </div>-->
            <!--<div class="form-group">
                <div class="col-sm-2 control-label">起始时间</div>
            <div class="col-md-3" >
                <el-date-picker v-model="ap.begin" style=" width:170px;float:left;"
                                type="datetime"
                                value-format="yyyy-MM-dd HH:mm"
                                placeholder="起始时间"
                >
                </el-date-picker>
            </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">结束时间</div>
            <div class="col-md-3">
                <el-date-picker v-model="ap.end"
                                style="width:170px;float:left;"
                                type="datetime"
                                value-format="yyyy-MM-dd HH:mm"
                                placeholder="结束时间"
                >
                </el-date-picker>
            </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">请加原因</div>
                <div class="col-sm-5">
                    <textarea v-model="ap.content"></textarea>
                </div>
            </div>-->

            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="zcsave" value="确定"/>
                            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>
    <script src="${request.contextPath}/statics/js/modules/student/approve.js?_${.now?long}"></script>
</body>
</html>